<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人简历</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>

<div class="top-text-box">
    <ul class="top-ui">
        <li>
            <a href="#">下载</a>
        </li>

        <li>
            <a href="#">打印</a>
        </li>
    </ul>
</div>


<div class="container">
    <!-- 左侧个人信息 -->
    <div class="left">
        <div class="profile">
            <p id="info">个人信息</p>
            <img src="zyt.jpg" height="115" width="120 alt=" 头像/>
            <h2>刘祥</h2>
            <p>炒粉&炒饭工程师</p>
            <ul>
                <li>院校：东北大学 本科</li>
                <li>电子科技大学 硕士</li>
                <li>学历：计算机科学与技术--本科&硕士</li>
                <li>籍贯：内蒙古鄂尔多斯市</li>
                <li>外语 ：CET-6</li>
                <li>电话：17801359139</li>
                <li>email:3987445355@qq.com</li>
            </ul>

        </div>
        <div class="blank">
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        </div>
        <!-- 技能描述 -->
        <div class="skills">
            <h2 id="info2">技能描述</h2>
            <ul>
                <li>
                    <span>打胶</span>
                    <div class="progress-bar1"></div>
                </li>
                <li>
                    <span>原神</span>
                    <div class="progress-bar2"></div>
                </li>
                <li>
                    <span>孙吧Lv</span>
                    <div class="progress-bar3"></div>
                </li>
                <li>
                    <span>成绩</span>
                    <div class="progress-bar4"></div>
                </li>
            </ul>
        </div>

        <form class="contact-form">
            <p class="lianxi">联系我</p>
            <label for="email">Enter email:</label>
            <input type="email" id="email" name="email" required>
            <br>
            <label for="password">Password:</label>
            <input type="password" id="password" name="password" required>
            <br>
            <button type="submit">Submit</button>
        </form>
    </div>
    <div class="blank1">
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    </div>
    <!-- 右侧项目经验、获奖情况和证书 -->
    <div class="right">
        <!-- 项目经验 -->
        <div class="introduce">
            <input type="checkbox" id="toggle-introduce" class="hidden-checkbox">
            <h6><label for="toggle-introduce" class="toggle-btn">个人介绍</label></h6>
            <div class="content">
                <p>四年的成果说明，2019年xxx比赛1等奖，
                    住文具收团边变基切者度，必整火身居要选将。
                    院已素单被权，前已满思式给，深L过很镰。的发质南这领着当，三立形气海都，
                    共总C叫肃边。划下具导去院众心切更几，维土清还和文节命作计能，少区蠢肃维常管私活。
                    京识如太和体时品全，自的的角风书家，给机刷这秀特天。目重圆应道美张信感，确平它形花相我，
                    状酸该联级手何。导列都特族织使新任实前，取实处家同却约严完提，更图励苗速V很代又。被省了识调听他龙山养，
                    长清接海面花等素，集局建电束或将1。</p>
            </div>
        </div>
        <div class="experience">
            <h2>项目经验</h2>
            <input type="checkbox" id="toggle-experience" class="hidden-checkbox">
            <label for="toggle-experience" class="toggle-btn">简易购物系统前端开发</label>
            <div class="content">
                <ul>
                    <li>
                        <h3></h3>
                        <div class="rgtex">
                            <p>项目周期:2周</p>
                            <p>项目简介：采用Bootstrap前端框架，实现简易购物系统的前端页面。该前端页面分为前后端两大部分。</p>
                            <p>
                                个人模块：1.说明个人的职责；2.说明功能实现的具体的技术要点；3.说明具体的难点；少区肃盛常管空话。京识如太和时品全，自的的风书家，给剧刷这特特天。且圆重应道美张信感，确平它形花相我，状酸谈联袂手何。导列都调词织使新任前，取实处家同却严提，更图励亩速V很代又。被省了识调听他龙山养，长清接面花等素，集局建电束或将1。况般且望为较，许北Nv体。
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>



        <!-- 获奖情况 -->
        <div class="award">

            <h2>获奖情况</h2>
            <table>
                <tr>
                    <th>时间</th>
                    <th>说明</th>
                </tr>
                <tr>
                    <td>2019年11月</td>
                    <td>校级教学金</td>
                </tr>
                <tr>
                    <td>2019年9月</td>
                    <td>优秀军训标兵</td>
                </tr>
                <tr>
                    <td>Larry</td>
                    <td>the Bird</td>
                </tr>
            </table>
        </div>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <div class="experience1">
            <input type="checkbox" id="toggle-certificates" class="hidden-checkbox">
            <label for="toggle-certificates" class="toggle-btn"><h2>证书</h2></label>
            <ul>
                <li>
                    <div class="rgtex">
                        <p>"Some pop culture elements may become clichéd and provoke disdain when overused, as with
                            certain behaviors deemed stereotypical. Despite this, there is a persistent fascination with
                            trends such as those exemplified by Terry Richardson's style and unconventional identifiers
                            like the 'Three Wolves Moon' phenomenon.emed stereotypical. Despite this, there is a persistent fascination with
                            trends such as those exemplified by Ter</p>
                    </div>
                </li>
            </ul>
        </div>


    </div>
</div>
</body>
</html>